<template>
  <div class="moduleView" ref="scrollEl">
    <!-- 内容部分 -->
    <div class="content">
      <!-- 导航 -->
      <NavBar title="BDC" isTransparent isFixed />
      <!-- 动态组件:切记不能嵌套 -->
      <!-- <component :is="loadedComponent" title="BDC" isTransparent isFixed /> -->
      <!-- 内容 -->
      <InfoScoll :list="winningItems" :speed="88" :loop="false">
        <template #cell="data">
          <MiningCell
            v-for="(source, index) in data.list"
            :key="`${data.prefix}-${source.id || index}`"
            :item="source"
          ></MiningCell>
        </template>
      </InfoScoll>
    </div>
  </div>
</template>
<script setup name="moduleView">
import InfoScoll from "@/components/info-scroll/index.vue";
import MiningCell from "~/components/info-scroll/cell-test.vue";

const route = useRoute();
console.log("页面参数:", route.query);

// const loadedComponent = resolveComponent("navBar");

// 生成模拟的 50 条中奖信息
const winningItems = [
  {
    sid: "10018682669",
    changeAmount: "500",
    nickname: "mel_test",
    avatar: null,
    taskType: 17,
    tradeTypeShow: "Bind mobile number",
  },
  {
    sid: "10018682418",
    changeAmount: "10000",
    nickname: "number lett",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10018682420",
    changeAmount: "3496.5",
    nickname: "3",
    avatar:
      "/upload/picture/feed/1729162128913-3942e4a1dda94ea0aa2e1ece1a6cf0fc.png",
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10018682625",
    changeAmount: "500",
    nickname: "20212345769",
    avatar: null,
    taskType: 17,
    tradeTypeShow: "Bind mobile number",
  },
  {
    sid: "10018697472",
    changeAmount: "500",
    nickname: "cccc",
    avatar: null,
    taskType: 17,
    tradeTypeShow: "Bind mobile number",
  },
  {
    sid: "10000009528",
    changeAmount: "123",
    nickname: "morgan",
    avatar:
      "/upload/picture/feed/1694658686167-ba36bb8d5c104e60819f12245f40ffe3.png",
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10018683154",
    changeAmount: "500",
    nickname: "zj001",
    avatar: null,
    taskType: 17,
    tradeTypeShow: "Bind mobile number",
  },
  {
    sid: "10018682643",
    changeAmount: "691.81",
    nickname: "20212346831",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10002293521",
    changeAmount: "500",
    nickname: null,
    avatar: null,
    taskType: 17,
    tradeTypeShow: "Bind mobile number",
  },
  {
    sid: "10018697236",
    changeAmount: "500",
    nickname: "72429",
    avatar: null,
    taskType: 17,
    tradeTypeShow: "Bind mobile number",
  },
  {
    sid: "10018682982",
    changeAmount: "450.05",
    nickname: "91paytest2",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10018682468",
    changeAmount: "500",
    nickname: "tom",
    avatar: null,
    taskType: 17,
    tradeTypeShow: "Bind mobile number",
  },
  {
    sid: "10018680442",
    changeAmount: "1965",
    nickname: "10018680442",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10018683000",
    changeAmount: "90.61",
    nickname: "202123451",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10018644350",
    changeAmount: "500",
    nickname: "123456703",
    avatar: null,
    taskType: 17,
    tradeTypeShow: "Bind mobile number",
  },
  {
    sid: "10018682494",
    changeAmount: "500",
    nickname: "20212340118",
    avatar: null,
    taskType: 17,
    tradeTypeShow: "Bind mobile number",
  },
  {
    sid: "10018682492",
    changeAmount: "500",
    nickname: "20212340116",
    avatar: null,
    taskType: 17,
    tradeTypeShow: "Bind mobile number",
  },
  {
    sid: "10018655350",
    changeAmount: "1000",
    nickname: "27916",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10018682484",
    changeAmount: "357.78",
    nickname: "202123466111111111111111",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10018682699",
    changeAmount: "500",
    nickname: "202123452202",
    avatar: null,
    taskType: 17,
    tradeTypeShow: "Bind mobile number",
  },
  {
    sid: "10000009598",
    changeAmount: "51.23",
    nickname: "92192",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10000009596",
    changeAmount: "51.23",
    nickname: "28576",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10000009594",
    changeAmount: "51.23",
    nickname: "79938",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10000009592",
    changeAmount: "51.23",
    nickname: "92380",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10018682964",
    changeAmount: "872.09",
    nickname: "yueyue9302",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10018682709",
    changeAmount: "2021.37",
    nickname: "12021234",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10018697044",
    changeAmount: "500",
    nickname: "35021",
    avatar: null,
    taskType: 17,
    tradeTypeShow: "Bind mobile number",
  },
  {
    sid: "10000009614",
    changeAmount: "51.23",
    nickname: "20061",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10000009615",
    changeAmount: "51.23",
    nickname: null,
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10018683051",
    changeAmount: "10000",
    nickname: "licai008",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10000009612",
    changeAmount: "51.23",
    nickname: "42671",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10000009613",
    changeAmount: "51.23",
    nickname: null,
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10000009610",
    changeAmount: "51.23",
    nickname: "78990",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10018683054",
    changeAmount: "1943.74",
    nickname: "2021234072101",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10000009611",
    changeAmount: "51.23",
    nickname: null,
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10900009527",
    changeAmount: "1802.05",
    nickname: "test7",
    avatar:
      "/upload/picture/feed/1694658686167-ba36bb8d5c104e60819f12245f40ffe3.png",
    taskType: 43,
    tradeTypeShow: "Simulated profit rewards BDC",
  },
  {
    sid: "10000009608",
    changeAmount: "51.23",
    nickname: "36584",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10000009609",
    changeAmount: "51.23",
    nickname: null,
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10018682797",
    changeAmount: "4338.69",
    nickname: "Jerry test",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10000009606",
    changeAmount: "51.23",
    nickname: "10260",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10000009607",
    changeAmount: "51.23",
    nickname: null,
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10000009604",
    changeAmount: "51.23",
    nickname: "07329",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10000009605",
    changeAmount: "51.23",
    nickname: null,
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10000009602",
    changeAmount: "51.23",
    nickname: "42100",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10018683046",
    changeAmount: "4197.03",
    nickname: "licai005",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10000009600",
    changeAmount: "51.23",
    nickname: "29379",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10000009630",
    changeAmount: "51.23",
    nickname: "21672",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10018683066",
    changeAmount: "89",
    nickname: "12312",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10000009631",
    changeAmount: "51.23",
    nickname: null,
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10018683067",
    changeAmount: "90.5",
    nickname: "12313",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10000009628",
    changeAmount: "51.23",
    nickname: "89617",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10018683064",
    changeAmount: "91.67",
    nickname: "12310",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10000009629",
    changeAmount: "51.23",
    nickname: null,
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10018683065",
    changeAmount: "89.3",
    nickname: "12311",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10000009626",
    changeAmount: "51.23",
    nickname: "40103",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10018683070",
    changeAmount: "90.5",
    nickname: "12315",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10000009627",
    changeAmount: "51.23",
    nickname: null,
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10018683071",
    changeAmount: "89",
    nickname: "123111",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10000009624",
    changeAmount: "51.23",
    nickname: "25223",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10018683068",
    changeAmount: "90.5",
    nickname: "12304",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10000009625",
    changeAmount: "51.23",
    nickname: null,
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10018683069",
    changeAmount: "456.16",
    nickname: "12314",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10000009622",
    changeAmount: "51.23",
    nickname: "05378",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10000009623",
    changeAmount: "51.23",
    nickname: null,
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10018680243",
    changeAmount: "344.26",
    nickname: "111111",
    avatar:
      "/upload/picture/feed/1729217683621-f79b60ab89c041af9e75559329607272.png",
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10018683059",
    changeAmount: "2101.6",
    nickname: "12307",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10000009620",
    changeAmount: "51.23",
    nickname: "15835",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10000009621",
    changeAmount: "51.23",
    nickname: null,
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10000009618",
    changeAmount: "51.23",
    nickname: "10205",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10000009619",
    changeAmount: "51.23",
    nickname: null,
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10018683063",
    changeAmount: "89",
    nickname: "12309",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10000009616",
    changeAmount: "51.23",
    nickname: "34081",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10000009617",
    changeAmount: "51.23",
    nickname: null,
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10018683061",
    changeAmount: "2001",
    nickname: "12308",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10018697396",
    changeAmount: "500",
    nickname: "29790",
    avatar: null,
    taskType: 17,
    tradeTypeShow: "Bind mobile number",
  },
  {
    sid: "10000150446",
    changeAmount: "50.12",
    nickname: "zhj1214",
    avatar:
      "/upload/picture/feed/1694658686167-ba36bb8d5c104e60819f12245f40ffe3.png",
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10000009638",
    changeAmount: "51.23",
    nickname: "36075",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10018680450",
    changeAmount: "500",
    nickname: "mel-test01",
    avatar: "test",
    taskType: 17,
    tradeTypeShow: "Bind mobile number",
  },
  {
    sid: "10000009639",
    changeAmount: "51.23",
    nickname: null,
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10000009636",
    changeAmount: "51.23",
    nickname: "06223",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10000009637",
    changeAmount: "51.23",
    nickname: null,
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10000009634",
    changeAmount: "51.23",
    nickname: "79344",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10000009635",
    changeAmount: "51.23",
    nickname: null,
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10018683015",
    changeAmount: "111.27",
    nickname: "2021234255",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10000009632",
    changeAmount: "51.23",
    nickname: "52451",
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10000009633",
    changeAmount: "51.23",
    nickname: null,
    avatar: null,
    taskType: 29,
    tradeTypeShow: "Daily Trading",
  },
  {
    sid: "10018689176",
    changeAmount: "500",
    nickname: "20212346666",
    avatar: null,
    taskType: 17,
    tradeTypeShow: "Bind mobile number",
  },
  {
    sid: "10018697368",
    changeAmount: "500",
    nickname: "32254",
    avatar: null,
    taskType: 17,
    tradeTypeShow: "Bind mobile number",
  },
  {
    sid: "10018683025",
    changeAmount: "165.11",
    nickname: "616",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10018683030",
    changeAmount: "4160.73",
    nickname: "licai003",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10018697702",
    changeAmount: "500",
    nickname: "rrrr",
    avatar: null,
    taskType: 17,
    tradeTypeShow: "Bind mobile number",
  },
  {
    sid: "10018697701",
    changeAmount: "500",
    nickname: "vvvv",
    avatar: null,
    taskType: 17,
    tradeTypeShow: "Bind mobile number",
  },
  {
    sid: "10018697727",
    changeAmount: "500",
    nickname: "yyyy",
    avatar: null,
    taskType: 17,
    tradeTypeShow: "Bind mobile number",
  },
  {
    sid: "10018683086",
    changeAmount: "1959.8",
    nickname: "2021234072305",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10018697420",
    changeAmount: "500",
    nickname: "41999",
    avatar: null,
    taskType: 17,
    tradeTypeShow: "Bind mobile number",
  },
  {
    sid: "10018697411",
    changeAmount: "500",
    nickname: "88255",
    avatar: null,
    taskType: 17,
    tradeTypeShow: "Bind mobile number",
  },
  {
    sid: "10018683072",
    changeAmount: "90.55",
    nickname: "909",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
  {
    sid: "10018697413",
    changeAmount: "500",
    nickname: "45388",
    avatar: null,
    taskType: 17,
    tradeTypeShow: "Bind mobile number",
  },
  {
    sid: "10018682591",
    changeAmount: "500",
    nickname: "20212348761",
    avatar: null,
    taskType: 17,
    tradeTypeShow: "Bind mobile number",
  },
  {
    sid: "10018683088",
    changeAmount: "1838.4",
    nickname: "2021234072306",
    avatar: null,
    taskType: 44,
    tradeTypeShow: "Account balance rewards BDC",
  },
].map((e, index) => {
  e.id = index;
  return e;
});

onMounted(() => {});
</script>
<style lang="scss" scoped>
.moduleView {
  position: relative;
  background-color: #f4f5f7;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-bottom: constant(safe-area-inset-bottom);
  margin-bottom: env(safe-area-inset-bottom);
  padding-bottom: 33 * 2px;
  .content {
    background: linear-gradient(
      180deg,
      #e5f1ff 0%,
      rgba(236, 245, 255, 0) 100%
    );
    background-size: 100vh 250 * 2px;
    background-repeat: no-repeat;
  }
}
</style>
